<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2025-02-28
  Time: 10:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户增加页面</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form action="${pageContext.request.contextPath}/user/add" method="post">
    <table>
        <tr>
            <td>账号</td>
            <td><input type="text" name="account" id="account"></td>
        </tr>
        <tr>
            <td>真实姓名</td>
            <td><input type="text" name="realName"></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td>生日</td>
            <td><input type="text" name="birthday"></td>
        </tr>
        <tr>
            <td>电话</td>
            <td><input type="text" name="phone"></td>
        </tr>
        <tr>
            <td>地址</td>
            <td><input type="text" name="address"></td>
        </tr>
        <tr>
            <td align="center" colspan="2"><input type="submit" value="提交"></td>
        </tr>
    </table>
</form>
</body>
<script>
    $(function () {
        $("#account").on("input", function () {
            console.log(".................")
        }).on("blur", function () {
            var accountVal = $(this).val();
            if (accountVal.trim() !== "") {
                // 失去焦点事件中，请求后端检查 account 是否存在
                $.ajax({
                    type: "GET",//请求类型
                    url: "http://localhost:8081/springmvc_war_exploded/user/findByAccount",//请求的 url
                    data: {account: accountVal},//提交请求参数
                    dataType: "json",//必须定义为 JSON 格式数据，否则需要自行转换
                    success: function (data) {//data：返回数据（json 对象）
                        if (data.exist == 1) {
                            //账号已存在，提示错误提示
                            alert("该用户账号已存在");
                        } else if (data.exist == 0) {
                            //账号可用，提示正确提示
                            alert("该账号可以使用");
                        } else if (data.error) {
                            // 后台传了错误提示，显示
                            alert(data.error);
                        }
                    },
                    error: function (data) {//出现异常 404，500 等非 200 的错误状态码
                        alert("请求异常，请联系管理员解决！");
                    }
                });
            }
        })
    });
</script>
</html>
